<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/chat.css">
    <script src="https://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<div class="box">
    <div class="left">
        <div class="search">
            <input type="search" placeholder="搜索...">
        </div>
        <div class="chat_list">
            <ul>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
                <li>123</li>
            </ul>
        </div>
    </div>

    <div class="right">
        <div class="title">
            <p class="title_p">Python大牛交流群 (99+)</p>
            <span class="prompt">正在输入中...</span>
        </div>

        <div class="chat">
            <p class="other">天王盖地虎</p>
            <p class="me">嗯</p>
        </div>

        <div class="bottom">
            <div>
                <textarea id="user_input" wrap="hard"></textarea>
            </div>

            <button id="send_msg" title="Ctrl+Enter 发送消息" onclick="send_btn_click()">发送</button>

        </div>
    </div>
</div>

<script src="./js/main.js"></script>
</body>
</html>